a:hover{color:#ff552e}
.phone_login .layui-input-block{
    margin-left: 0;
}
.relative_tags .title{font-size:14px; line-height: 40px; color:#333;}
.relative_tags a{ padding:5px 8px; margin-right:10px; line-height:38px;white-space: nowrap; border-radius:3px;}
.relative_tags a:hover{ color:#ff552e;}
.bottom_tags{
    padding: 20px;
    background: #fff;
}
@font-face {
    font-family: "icons"; /* Project id 3257311 */
    src: url('/ui/icons/iconadd/iconfont.woff2?t=1653204630880') format('woff2'),
         url('/ui/icons/iconadd/iconfont.woff?t=1653204630880') format('woff'),
         url('/ui/icons/iconadd/iconfont.ttf?t=1653204630880') format('truetype'),
         url('/ui/icons/iconadd/iconfont.svg?t=1653204630880#iconfont') format('svg');
}
.icon-lianxikefu:before {
    content: "\e668";
}
.other_works .title{
    font-size:14px; line-height: 40px; color:#333;
}
.other_works img{
    width: 78px;margin:3px;height:100px
}
#demo2-1 {
    text-align: center;
}
#demo2-1 .layui-laypage-em{
    border-radius: 5px;
}
#demo2-1  a{
    margin-right: 9px;
    line-height: 38px;
    height: 38px;
    border-radius: 5px;
}
#demo2-1  span{
    margin-right: 9px;
    line-height: 38px;
    height: 38px;
    border-radius: 5px;
}
.topic_jianjie{
    font-size: 15px;
    color: #666;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    line-height: 26px;
    border: 1px solid #ddd;
}
.wx_kefuhover{
    position: relative;
}
.wx_kefu{
    display: none;
    position: absolute;
    right: 80px;
    top: 0px;
    width: 160px;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
    text-align: center;
}
.wx_kefu img{
    width: 100%;
}
.wx_kefuhover:hover .wx_kefu{
    display: block;
}
.today_rm{
    font-size: 24px;
    letter-spacing: 5px;
    font-weight: normal;
    color: #666;
}
.today_rmlist:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.today_rmlist{
    margin-bottom: 30px;
    margin-top: 20px;
}
.today_rmlist li{
    float: left;
    line-height: 23px;
    margin-right: 25px;
    margin-top: 10px;

}
.today_rmlist li a{
    border: 1px solid #a0a0a0;
    display: inline-block;
    border-radius: 17px;
    padding: 0 10px;
    color: #333;
}
.today_rmlist li a:hover{
    border: 1px solid #ff552e;
    display: inline-block;
    border-radius: 17px;
    padding: 0 10px;
    color: #ff552e;
}
.tabslist .layui-tab-brief>.layui-tab-title .layui-this{
    color: #ff552e;
}
.tabslist .layui-tab-brief>.layui-tab-title .layui-this a{
    color: #ff552e;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:2px solid #ff552e;
}
.tag_hotdown{
    text-align: center;
    color: #ff552e;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;

}
.bottom_tags a{line-height:38px;white-space: nowrap; border-radius:3px;}
.bottom_tags a:hover{  color:#ff552e;}
.tag_nav li{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}
.tag_nav a{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}
.tag_list li{
    float: left;
    margin-right: 20px;
    line-height: 30px;
}
.tag_list li a:hover{color:#ff552e}
.tag_nav .select{color:#ff552e;}
#mobile_active{
    background: #fff;
}
.phonelogin_tit{
    height:auto;background:#fff;color:#999;
}
.phonelogin_tit{
    text-align: center;
    line-height: 32px;
    padding-top: 8px;
}
.phonelogin_tit h5{font-size:24px; color:#000;line-height: 60px;}
.phonelogin_box{
    padding:0 20px
}
.yzm_input,.phone_input{
    position: relative;
}
.yzm_input input,.phone_input input{
    padding-left: 36px;
}
#get_yzm{
    position: absolute;
    right:6px ;
    bottom:10px;
    color: #EE5235;
}
.register_button p{
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    border-radius: 20px;
    text-align: center;
    background:#ee5235;
    cursor: pointer;
    background: linear-gradient(to right,#f88a65, #ee5235)
}
.pass_img,.phone_img{
    position: absolute;
    left:6px ;
    top:7px;
}
.three_login{
    float: right;
    margin-left: 20px
}
.phoneregister_input,.phonelogin_input{
    border-top:none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
}
.succ_msg{
    text-align: center!important;
    border: none!important;
    border-radius: 10px!important;
}
.succ_msg img{
    margin-top: 15px;
}
.succ_msg p{
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
}
/*活动界面样式  */
.actime {
    color: #fff;
    margin-top: 14%;
    font-size: 30px;
    font-family: STXinwei;
    font-weight: 400;
}

.card {
    width: 530px;
    height: 300px;
    margin: 0 auto;
    margin-top: 38%;
    position: relative;
    /* background:url("./card.png") no-repeat  center; */
}

.card>div {
    position: absolute;
    top: 0;
    width: 100%;
}

#paybtn {
    background: #02B4BB;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    width: 300px;
    border-radius: 30px;
    margin: 25px auto 0;
    color: #fff;
    line-height: 60px;
    cursor: pointer
}
.card_1p {
    color: #E3C484;
    padding-top: 40px;
}
.card_1p span {
    margin: 0 30px;
    font-size: 20px;
    font-family: STXinwei;
    font-weight: 400;
}
.card_2p,
.card_3p {
    color: #fff;
}
.change_pic{
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.prev_p{
    margin-right: 35px;
}
.change_pic a{
    display: inline-block;
    font-size: 18px;
    width: 152px;
    border: 1px solid #EE5235;
    line-height: 42px;
    color: #EE5235;
    text-align: center;
    margin-top: 20px;
    border-radius: 4px;
    cursor: pointer;

}
.touxiang_img{
    width: 80px;height:82px;border-radius:40px;border-radius: 40px;
}

#test1{
    position: absolute;top: 45px;left: 90px;z-index: 999;cursor: pointer;
}
#test2{
    position: absolute;top: 45px;left: 90px;z-index: 999;cursor: pointer;
}
.tx_change{
    height: 80px;width:80px;border-radius:40px;border:1px solid #ddd;text-align:center;line-height:80px;cursor:pointer;position:relative
}
.card_2p>span,
.card_3p>span {
    margin: 0 30px;
}

.card_2p {
    font-size: 21px;
    margin-top: 10px;
}

.card_3p {
    font-size: 16px;
}

.num {
    font-size: 69px;
    font-family: DIN Alternate;
}

.zanzhutip {
    margin-top: 50px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.pay_way {
    width: 81%;
    margin: 0 auto;
    margin-top: 30px;
}

.pay_way>div {
    width: 230px;
    height: 260px;
    border: 1px solid red;
}

.bg_img {
    width: 530px;
    position: relative;
}

.saoma .pay_method .scan_box {
    margin: 0;
    background: #fff;
    height: 265px;
    width: 230px
}

.scan_tit {
    margin-top: 5px
}

.scard {
    width: 80%;
    margin: 0 auto;
    margin-top: 155px;
    height: 240px;
}

.scard>div {
    width: 50%;
    position: relative;
}

.scard>div>div {
    position: absolute;
    top: 0;
    width: 100%;
}

.s_img {
    width: 360px;
    height: 233px
}

.saoma .pay_method .scan_box .scan_area {
    width: 200px;
    height: 200px
}

.down_tip {
    color: #B5B5B5;
    font-size: 16px
}

.liji_pay {
    background: #02B4BB;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    width: 240px;
    border-radius: 30px;
    margin: 25px auto 0;
    color: #fff;
    line-height: 60px;
    cursor: pointer
}

.pay_simg {
    position: absolute;
    top: 5px;
    left: 65px;
    width: 80px;
    display: none;
}

.pay_on {
    display: block;
}
.pay_tip_p{
    color: #02B4BB;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 52px;
}
.active_pay{
    border-radius: 20px!important;
}
.active_pay .layui-layer-content{
    height: 438px!important;
}
.active_pay .layui-layer-btn .layui-layer-btn0 {
    background: #dddd!important;
    width: 140px!important;
    color: #333!important;
    font-size: 20px!important;
    border-color: none!important;
    height: 40px!important;
    line-height: 40px!important;
    border: none!important;
}
#activitybody,#activitybody p{
    margin: 0;
    padding: 0;
    text-align: center;
}
#activitybody .activity_main .footer {
    position: absolute;
    bottom: 0;
}

#activitybody .bottom_tips {
    position: absolute;
    bottom: 19px;
    left: 300px;
}
#activitybody .bottom_tips p{
    text-align: left;
}
.activity_main_zp{
    background: url(/test/image/2024_summer/bg1.jpg) no-repeat;
    background-size: 1202px;
}
.activity_main_pay{
    background: url(/test/image/2024_summer/bg.jpg) no-repeat;
    background-size: 1202px;
}
.activity_main .footer{
    position: absolute;
    bottom: 0;
}
.activity_main{
    position: relative;
    /* height: 1400px; */
    width:1200px;
    margin: 0 auto;
}
/* 618活动 */
.activity_618{

}
.activity_618 .activity_page .activity_bg,.pay_bg{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.activity_618 .activity_page  .activity_bigdiv,.pay_bigdiv{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.activity_618 .activity{
    margin: -10px auto 0;position: relative;
    margin-top: -806px;
    width: 738px;
    background: #871A1D;
    border: 2px solid #FDF5E0;
    border-radius: 13px;
    z-index: 0;
    padding: 66px 10px 0 10px;
}
.activity_618 .activity div{
    width: 225px;
    margin-bottom: 20px;
    position: relative;
}
.activity_618 .activity div.small_div_num{
    position: absolute;
    padding-top: 20px;
    font-weight: bold;
    display: none;
}
.act_div{
    float: left;
    margin: 0 10px;
}
.zhuanpan_page .zhuanpan_bg,.pay_bg{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.zhuanpan_page  .zhuanpan_bigdiv,.pay_bigdiv{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.zhuanpan{
    width:438px;margin: 0 auto;position: relative;
}
.zhuanpan div{
    width: 225px;
    margin-bottom: 20px;
    position: relative;
}
.fanpai{
    width: 150px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 33px;
    font-weight: bold;
    cursor: pointer;
    background: #EDC07D;
    background: linear-gradient(#FFF7E8,#EDC07D);
    border-radius: 10px;
    color: #E80720;
    position: absolute;
    bottom: 56px;
    left: 50%;
    /* transform: translateX(-75px); */
    margin-left: -75px;
}
.zhizheng{
    width:120px;cursor: pointer;position: absolute;top: 50%;margin-top: -80px;left: 50%;margin-left: -60px;
}
.choujiang_btn{
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background: linear-gradient(#FFCE38,#FF921F);
    font-size: 23px;
    color: #fff;
    font-weight: bold;
    margin: 20px auto 20px;
    cursor: pointer;
}
.activity_tip{
    line-height: 30px;
}
.topic_div{
    width: 721px;
    margin-top: 5px;
    margin-left: 219px;
    margin-bottom: 20px;
}
.zhuanpan div.small_div_num{
    position: absolute;
    padding-top: 20px;
    font-weight: bold;
    display: none;
}
.yuandan_nump{
    color: #B65008;
    font-size: 31px;
    font-weight: bold;
}
.youhui_text{
    font-size: 21px;
    color: #B65008;
}
.youhui_tip{
    color:#B65008;
    font-size: 11px;
    margin-top: 30px;

}
.topic_div img{
    width: 81%;
}
.select_div .pay_div_on{
    /* border: 4px solid #3A089A; */
    border-radius: 5px;
    position: relative;
    background: #5003DB;
    color: #fff;

}
.div_69 img{
    width: 138px;
    height: 25px;
    top: -14px;
    left: -4px;
}
.div_69 span.tip_10{
    top: -11px;
    left: 8px;
    color: #fff;
    font-size: 12px;
}
.div_69{
    position: relative;
}
.div_69 img,.div_69 .tip_10{
    position: absolute;
}
.select_div div{
    width: 238px;
    height: 150px;
    background: #fff;
    box-sizing:border-box;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 10px;
    float: left;
    cursor: pointer;
}
.select_div{
    display: flex;
    /* justify-content: center; */
    font-size: 18px;
    padding-left: 210px;
}
.bg-icon1_s {
    display: inline-block;
    width: 24px; height: 22px;
    background: url('/img/css_sprites.png') -156px -52px;
}
.bg-icon1_n {
    display: inline-block;
    width: 24px; height: 22px;
    background: url('/img/css_sprites.png') -156px -10px;
}
.bg-icon2_n {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('/img/css_sprites.png') -56px -108px;
}
.bg-icon2_s {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('/img/css_sprites.png') -101px -108px;
}
.bg-icon3_n {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -60px -60px;
}
.bg-icon3_s {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -110px -10px;
}
.bg-icon4_n {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -110px -56px;
}
.bg-icon4_s {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -10px -108px;
}
.bg-icon5_n {
    display: inline-block;
    width: 30px; height: 28px;
    background: url('/img/css_sprites.png') -60px -10px;
}
.bg-icon5_s {
    display: inline-block;
    width: 30px; height: 28px;
    background: url('/img/css_sprites.png') -10px -60px;
}
.bg-hot {
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(/img/css_sprites.png) -10px -10px;
    margin-right: 8px;
    vertical-align: -4px;
}
.bg-download {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('/img/css_sprites.png') -156px -10px;
}
.right_actlogo{
    width: 150px;
    /* height: 150px; */
}
.pay_price{
    font-size: 48px;
    color: #5003DB;
}
.pay_div_on .pay_price{
    color:#fff;
}
.pay_line{
    height: 1px;
    border-top: 2px solid #ECECEC;
    margin-bottom: 18px;
    margin-top: 10px;
}
.pay_div_on .pay_line{
    height: 1px;
    border-top: 2px solid #fff;
    margin-bottom: 18px;
    margin-top: 10px;
}
#verifyImg{
    cursor: pointer;
}
.youhui_card{
    width: 212px;
    margin: 0px auto;
    position: relative;
}
.login_body .login_left {
    width: 50%;
    float: left;
    background: #FAFAFA;
    height: 700px;
    text-align: center;
    vertical-align: middle;
    padding-top: 113px;
    box-sizing: border-box;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}
#emailLoginForm .layui-form-item{
    margin-bottom: 30px;
}
#emailLoginForm .layui-form-item .layui-input-inline{
    width: 300px;
}
.login_body .login_right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    padding-top: 80px;
}
.login_body .login_tio_logo {
    background: #FFF7F4;
    padding: 30px;
}

.login_body .login_tit h5 {
    font-size: 33px;
    color: #000;
    margin-bottom: 20px;
}
.login_body .login_type{
    margin: 100px 0 120px 0;
}
.login_body .login_main a{
    color: #1C8AF1;
    margin: 0 30px;
}
.login_body .login_box{
    background: none;
}
.login_body .login_bottom{
    color: #1C8AF1;
    font-size: 15px;
    font-weight: bold;
}
.login_body .login_bottom a{
    color: #1C8AF1;
    margin: 0 0px;
    font-size: 15px;
}
.login_body .login_bottom{
    padding: 10px 85px;
}
#mobile_active .notclick {
    pointer-events: none !important;
}
#mobile_active .login_left {
    width: 50%;
    float: left;
    background: #FAFAFA;
    height: 700px;
    text-align: center;
    vertical-align: middle;
    padding-top: 113px;
    box-sizing: border-box;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}

#mobile_active .login_right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    padding: 80px 60px 0 60px;
    height: 700px;
}

#mobile_active .login_box {
    height: 700px;

}

#mobile_active .login_tio_logo {
    background: #FFF7F4;
    padding: 30px;
}

#mobile_active .phonelogin_box {
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

#mobile_active .phonelogin_tit h5 {
    font-size: 33px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
}
#mobile_active .phonelogin_tit h5 img{
    position: absolute;
    top: 17px;
    left: 10px;
}
#mobile_active .layui-form-item{
    margin-bottom: 30px;
}
#mobile_active .register_button p{
    margin-top: 60px;
}
.youhui_card img{
    width: 100%;
}
.yh_pay_price{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 10px 0;
}
.youhui_price{
    color: #FFFFFF;
    font-size: 19px;
    position: absolute;
    top: 20px;
    left: 65px;
}
.youxiao_time{
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 60px;
    left: 53px;
}
.saoma .pay_method .scan_box {
    margin: 0;
    background: #fff;
    height: 180px;
    width: 156px;
}
.saoma .pay_method .scan_box .scan_area{
    width: 135px;
    height: 135px;
}
.saoma .pay_method .scan_box .scan_tit{
    padding: 0;
    line-height: 24px;
}
.saoma .pay_method .scan_box .scan_area{
    margin: 9px auto 0;
}
.saoma .scan_box{
    border-radius: 6px;
}
.bottom_tips{
    text-align: left;
    width:600px;
    margin: 0 auto;
    margin-top: 53px;
}
.bottom_tips p{
    text-align: left;
    color:#fff;
    line-height: 24px;
}
.zp_bg{
    /* transition: all 4s; */
}
.choujiang_layer{

}
.mask_bigdiv,.downmask_bigdiv{
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    display: none;
}
.mask_bigdiv .mask_sdiv,.downmask_bigdiv .mask_sdiv{
    width: 520px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 45%;
    margin-top: -200px;
    text-align: center;
}
.mask_bigdiv .mask_sdiv p,.downmask_bigdiv .mask_sdiv p{
    width: 100%;
}
.mask_bigdiv .mask_price,.downmask_bigdiv .mask_price{
    position: absolute;
    font-size: 45px;
    color: #FF0200;
    font-weight: bold;
    text-align: center;
    top: 170px;
}
.mask_bigdiv .mask_tip,.downmask_bigdiv .mask_tip{
    position: absolute;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    top: 241px;
}

.mask_bigdiv .mask_yh{
    position: absolute;
    text-align: center;
    top: 320px;
    left: 50%;
    margin-left: -113px!important;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    background:#FFCE38;
    background: linear-gradient(#FFCE38,#FF921F);
}
.downmask_bigdiv .mask_yh{
    position: absolute;
    text-align: center;
    top: 311px;
    left: 51%;
    margin-left: -113px;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    margin-left: -113px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
}
.mask_bigdiv .mask_close,.downmask_bigdiv .mask_close{
    margin-top: 20px;
    cursor: pointer;
}
.luckyName{
    width: 150px;
    height: 65px;
    position: absolute;
    display: inline-block;
    font-size: 24px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    top: 223px;
    left: 50%;
    margin-left: -64px;
}
.luckyName .name1,
.luckyName .name2,
.luckyName .name3 {
	width: 150px;
    height: 70px;
    line-height: 65px;
    position: absolute;
    color: #DC4C33;
    font-weight: 800;
}
.mask_getyh{
    position: absolute;
    text-align: center;
    top: 320px;
    left: 50%;
    margin-left: -113px;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    margin-left: -113px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    background:#FFCE38;
    background: linear-gradient(#FFCE38,#FF921F);
}

.luckyName .name1 {
	bottom: 164px;
}

.luckyName .name2 {}

.luckyName .name3 {

	top: 164px;
}
/* 首页左边锚点 */
.home_toolbar{
    width: 44px;
    position: fixed;
    left:50%;
    bottom:100px;
    margin-left:-718px;
    z-index: 301;
    background:#fff;
     border-radius:22px;
}
.home_toolbar ul{
    text-align: center;
    padding: 20px 5px;
}
.home_toolbar ul li a{
    font-size: 12px;
}
.home_toolbar ul li{
   margin-top: 15px;
}
.home_toolbar .left_on{
    color:#ff552e
}
.paypal{
    color: #fff;
    width: 208px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    font-size: 14px;
    background: #45A5F6;
}
.paypal:hover{
    color: #fff;
}
div#kaigong_price {
    background: #fff;
    color: red;
    width: 263px;
    border-radius: 5px;
    border: 7px solid #FFDE88;
    height: 140px;
    margin: 0 auto;
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-top: 44px;
}
.opendoor_center{
    display: inline-block;
    width: 20px;
    height: 1px;
    border-top: 1px solid red;
    vertical-align: 5px;
    margin-right: 10px;
}
.opendoor_c_price{
    display: inline-block;
    width: 20px;
    height: 1px;
    border-top: 1px solid red;
    vertical-align: 5px;
    margin-left: 10px;
}
.opendoor_yuanjia{
    width: 136px;
    margin: 0 auto;
    background: #f5f5f5;
    color: #ddd;
    font-size: 13px;
    line-height: 26px;
    margin: 5px auto 10px;
    border-radius: 13px;
}
#view{
    width:80px;height:80px;border-radius:50%;line-height: 80px;text-align: center;
}
#file{
    cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;position:absolute;top:0;left:0;
}
#clipBtn{
    width:120px;height: 36px;border-radius: 4px;background-color:#ff552e;line-height: 80px;text-align: center;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;
}
#clipCancelBtn{
    width:120px;height: 36px;border-radius: 4px;background-color: #6d6767;line-height: 80px;text-align: center;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;
}
.cover-wrap{
    display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);z-index: 10000000;text-align:center;
}
#clipArea{
    height:56px;line-height:36px;text-align: center;padding-top:8px;
}
.apply_step{
    background-color: #fff;
    margin-top: 20px;
    padding: 30px 70px;
    box-sizing: border-box;
}
.apply_step .title{
    color: #303133;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 600;

}
.apply_step .steps{
    background: #F5F7FA;
    font-size: 16px;
    line-height: 54px;
    border-radius: 3px;
    margin-bottom: 50px;
}
.apply_step .apply_form{
    color:#606266 ;
    font-size: 14px;
}
.apply_step .steps div{
    width: 33.3%;
    float: left;
    color:#C0C4CC
}
.apply_step .steps img{
    width: 26px;
}
.apply_step .steps  .right_img{
    width: 26px;
    float: right;
    display: inline-block;
}
.apply_step .apply_form input{
    width: 380px;
    height: 40px;
    border:1px solid #DCDFE6;
    border-radius: 3px;
    margin-bottom: 30px;
    padding-left: 3px;
}
.apply_step .apply_form span{
    display: inline-block;
    width: 100px;
}
.apply_step  .step_num{
    display: inline-block;
    background-color: #C0C4CC;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin:0 15px 0 100px;
}
.apply_step .step_num_on{
    display: inline-block;
    background-color: #FF552E;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin:0 15px 0 100px;
}
.apply_step .step_protocol{
    color: #606266;
    line-height: 23px;
    font-size: 14px;
}
.apply_step .step_protocol p{
    margin-top: 20px;
}
.step_wait .p1{
    color: #FF552E;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.step_wait .p2{
    color: #2A303C;
    font-size: 14px;
    text-align: center;
    margin-bottom: 100px;
}
.apply_success{
    position: absolute;
    width: 406px;
    left: 50%;
    margin-left: -203px;
    top: 200px;
}
.apply_success .p1{
    font-size: 30px;
    color:#FFDFBB ;
    line-height: 40px;

}
.apply_success .p2{
    font-size: 18px;
    color: #fff;
}
.apply_form .layui-upload-img{
    width: 260px;
    height: 180px;
    margin: 0 10px 10px 0;
    position:relative
}
.apply_form .layui-btn{
    position: absolute;
    z-index: 999;
}
.apply_form .layui-upload{
    float: left;
}
.apply_form #btn_upload_file1,.apply_form #btn_upload_file2,.apply_form #btn_upload_file3{
    position: absolute;
    top: 78px;
    left: 118px;
    cursor: pointer;
}
.apply_form .upload_file{
    margin: 0;
    margin-right: 20px;
    position: relative;
}
.apply_form .next_step,.step_protocol .next_step{
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #409EFF;
    border-radius: 3px;
    color: #fff;
    margin: 30px auto 30px;
    cursor: pointer;

}
.upload_close{
    position: absolute;
    right: -10px;
    top: -11px;
    z-index: 99;
    cursor: pointer;

}
#demoText,#demoText2{
    text-align: center;
    color: #409EFF;
    font-size: 16px;
}
.designer .layui-layout-admin .layui-header{
    background: #fff;
    border-bottom: 1px solid #DCDFE6;
}
.designer .layui-bg-black{
    background: #fff!important
}
.designer .layui-nav{
    background: #fff;
    color: #909399
}
.designer .layui-nav-child dd{
    background: #fff;
    color: #909399
}
.designer .layui-nav-tree .layui-nav-child a{
    color:#909399
}
.designer .layui-nav-tree .layui-nav-child a:hover{
    color:#909399
}
.designer .layui-nav-tree .layui-nav-child dd.layui-this,.designer .layui-nav-tree .layui-nav-child dd.layui-this a,.designer .layui-nav-tree .layui-this,.designer .layui-nav-tree .layui-this>a,.designer .layui-nav-tree .layui-this>a:hover{
    background: #FF552E;
    border-radius: 3px;
    color: #fff;
}
.designer .layui-nav-itemed>.layui-nav-child{
    background-color:  rgba(0,0,0,0)!important;
    padding: 20px;
    box-sizing: border-box;
}
.designer_wrap{
    padding: 20px;
}
.designer_main_left{
    background: #fff;
    /* float: left; */
    width: 55%;
    padding: 20px;
    min-height: 800px;
    color: #606266;
}
.designer_main_right{
    padding-left: 20px;
    /* float: right; */
    width: 45%;
    min-height: 800px;
    color: #606266;
}
.works .designer_wrap .layui-tab-title{
    background: #fff;
}
.works .designer_wrap .layui-tab-content{
    background: #fff;
}
.designer_main_left .upload_works_info{
    padding: 0;
}
.designer_main_left .upload_works_info dt{
    width: 71px;
}
.designer_main_left .upload_works_info dd .input_text{
    width: 440px;
}
.designer_main_left .upload_works_info dd{
    width: 520px;
}
.designer_main_left .upload_works_info .info_title em{
    left: 404px;
}
.designer_main_left .upload_works_info dd .input_keyword{
    width: 430px;
    min-width: auto;
}
.designer_main_left .upload_works_info .info_keyword em{
    left: 408px;
}
.designer_up_t{
    color: #2A303C;
    font-size: 16px;
}
.designer_up_s{
    display: inline-block;
    width: 71px;
    text-align: right;
    margin-right: 20px;
}
.designer_up_up{
    margin-top: 20px;
}
.designer_main_left .upload_works_info dd .w_small{
    width: 60px;
}
.designer_main_right p{
    line-height: 30px;
    color: #999B9D;
    font-size: 12px;
}
.designer_main_right .designer_up_msg{
    margin-top: 40px;
    color: #606266;
}
.designer_main_right .designer_up_msg a{
    color: #FF6B49;
}
.sh_result div{
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-top: 20px;
}
.sh_result div img{
    width: 100%;
    height: 360px;
    margin-bottom: 10px;
}
.sh_result div p{
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #717273;
}
.sh_result div p span{
    font-size: 16px;
    color: #2A303C;
    font-weight: 700;
    margin-right: 6px;
}
.withdraw .a_bing{
    display: inline-block;
    width: 87px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FF552E;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px;
    border-radius: 4px;
}
.withdraw .layui-tab-title li.layui-this a{
    color: #FF552E;
}
.withdraw_bind .bind_inp div{
    margin-top: 20px;
}
.withdraw_bind .bind_inp div input{
    height: 40px;
    width: 400px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-left: 10px;
}
.withdraw_bind .bind_inp div input.yzm{
    width: 280px;
}
.withdraw_bind .bind_inp div span{
    display: inline-block;
    margin-right: 20px;
}
.withdraw_bind .bind_inp div #verifyImg{
    width: 100px;
    margin-left: 20px;
    height: 40px;
    border-radius: 3px;
}
.withdraw_bind .bind_inp .send_yzm{
    display: inline-block;
    width: 100px;
    margin-left: 20px;
    height: 40px;
    border-radius: 3px;
    background: #FF552E;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    cursor:pointer;
}
.withdraw_bind .bind_inp .sure_save{
    width: 414px;
    height: 40px;
    line-height: 40px;
    background: #FF552E;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-left: 90px;
    cursor: pointer;
}
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1590549187425'); /* IE9 */
    src: url('iconfont.eot?t=1590549187425#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('iconfont.woff?t=1590549187425') format('woff'),
    url('iconfont.ttf?t=1590549187425') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1590549187425#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-shangchuan:before {
    content: "\e640";
  }

  .icon-wenjian:before {
    content: "\e64c";
  }

  .icon-Cash:before {
    content: "\e611";
  }

  .icon-shangchuan1:before {
    content: "\e62f";
  }

  .icon-upload-fill:before {
    content: "\e63e";
  }

  .icon-tixian:before {
    content: "\e69e";
  }

  .icon-tixian1:before {
    content: "\e62b";
  }

  .icon-wenjian1:before {
    content: "\e607";
  }
.goto_deback{
    display: inline-block;
    background: #E9613E;
    width: 112px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
}
.goto_deback:hover{
    display: inline-block;
    background: #E9613E;
    width: 112px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
}


.summer_mask{
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    display: none;
}
.summer_mask .smask_sdiv{
    width: 400px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -283px;
    text-align: center;
}
.summer_mask .smask_sdiv p{
    width: 100%;
}
.summer_mask .mask_price{
    position: absolute;
    font-size: 45px;
    color: #FF0200;
    font-weight: bold;
    text-align: center;
    top: 170px;
}
.summer_mask .mask_tip{
    position: absolute;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    top: 241px;
}

.summer_mask .mask_yh{
    text-align: center;
    width: 250px!important;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 22px;
    border-radius: 28px;
    font-weight: 500;
    cursor: pointer;
    background: #F36256;
    margin:  0 auto;
    margin-top: 20px;
}
.summer_mask .bg_title{
    width: 286px;
    position: absolute;
    top: 50px;
    left:50%;
    margin-left: -143px;
}
.summer_mask .summer_youhuis{
    position: absolute;
    top:80px;
    width: 100%
}
.summer_mask .summer_youhuis div{
    position: relative;
    width: 240px;
    height: 100px;
    margin: 0 auto;
    margin-top: 20px;
}
.summer_mask .summer_youhuis div img{
    position: absolute;
    width: 240px;
    height: 100px;
    top: 0;
    left: 0;
    z-index: 0;
}
.summer_mask .summer_youhuis div p{
    position: absolute;
    color: #fff;
    text-align: left;
    margin-left: 66px;
}
.summer_mask .summer_youhuis div p.price{
    font-size: 20px;
    top: 20px;
    font-weight: bold;
}
.summer_mask .summer_youhuis div p.desc{
  font-size: 14px;
  top: 55px;
}
.search_tips a{
    box-sizing: border-box;
}
.search_tips .searchhis a{
    display: inline-block;
    width: auto;
    padding: 0px 8px 0 8px;
}
.search_tips .searchhis .histitle{
    display: inline-block;
    width: 73px;
    float: left;
    line-height: 32px;
    padding-left: 20px;
    color: #666;
    opacity: 0.7;
}
.searchresult{
    float: right;
}
.search_tips .searchhis .hisitems{
    display: inline-block;
    width: 345px;
    float: left;
    color: #666;
    opacity: 0.7;
    /*height: 64px;*/
    overflow: hidden;
}
.cleanhis{
    line-height:32px;cursor:pointer;padding: 0px 8px 0 8px;display: inline-block;
}
.jump_filter a {
    cursor: pointer;
}
.f_banner{
    position: absolute;
    right: 0;
    top: 16px;
    margin: 0;
    margin: 0 !important;
}
.f_banner img{
    width: 246px;
}
.activity_layer_pay{
    padding-top: 30px;
}
.activity_layer_pay .p_tip{
    line-height: 30px;
    font-size: 18px;

}
#activitybody .activity_layer_pay .p_price{
    line-height: 30px;
    font-size: 18px;
    color: #999;
    margin-top: 20px;
 }
.activity_layer_pay span{
    line-height: 30px;
    font-size: 24px;
    color: #f60;
}
#activitybody .footer a{
    color: #9e9c9c;
}
.popup_image img{
    max-width: 100%;
}
.right-box-message {
    display: none;
}
.right-box-message .message-del{
    position: relative;
    right: -60px;
    top: 10px;
    z-index: 99;
    border-radius: 50%;
    background: #ffffff;
    display: inline-block;
    color: #888;
    padding: 2px;
    cursor: pointer;
}

#setdetail_btn{
    width: 100%;
    padding: 0;
    position: relative;
}
#setdetail_btn a{
    width: 86%;
    display: inline-block;
}
.extension-down-box-wrap{
    display: none;
    position: absolute;
    width: 352px;
    background: #fff;
    z-index: 9;
    top: 118px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    padding: 16px;
    box-sizing: border-box;
    border-radius: 4px;
}
.change-size{
    color: #00b277;
    cursor: pointer;
}
.dropdown-disabled .change-size{
    color: #b8b8b8;
    cursor: auto;
}
#setdetail_btn a{
    color: #fff;

}
#setdetail_btn .layui-icon-down{
    float: right;
    border-left: 1px solid #fff;
    margin: 0px;
    padding: 0 8px;
}
.dropdown-disabled{
    color: #b8b8b8;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 39px;
    padding: 0 8px;
    margin-bottom: 16px;
    border: 1px solid #e8e8e8;
    line-height: 39px;
    box-sizing: border-box;
    border-radius: 6px;
}
.layui-font-12{
    font-size: 12px;
}
.dropdown .layui-icon-down{
    float: right;
}
.dropdown-select {
    width: 100%;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 0;
    box-sizing: border-box;
}
.dropdown-option-on{
    background: rgba(255,85,46,0.2);
    color: #ff552e;
}
.dropdown-option p{
    color: #9d9696;
    line-height: 5px;
    font-size: 11px;
}
.dropdown-option-on p{
    color: #9d9696;
    line-height: 5px;
    font-size: 11px;
}


.dropdown-option {
    cursor: pointer;
    padding: 5px 20px 16px;
}

/*.dropdown-option:hover {*/
/*    background-color: #f1f1f1;*/
/*}*/
/* 给container元素设置宽高 并且限制图片的宽避免图片溢出容器 */
.container{
    width: 55%;
    height: 500px;
}
.container img {
    max-width: 100%;
}
.chang_size_wrap{
    width: 900px;
    display: flex;
    justify-content: space-between;
}
.size_wrap{
    width: 45%;
    padding: 16px;
}
.wrap_row{
    height: 408px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.form_image_cropper{
    width: 100%;
    background: #fb6f4f;
}
.layui-colla-title{
    letter-spacing: 4px;
    background-color: #f2f2f280;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.custom_body{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.custom_body .layui-form-select{
    width: 64px;
    margin-left: 5px;
}
.custom_body .custom{
    width: 64px;
    margin-left: 5px;
}
.custom_body .custom_add{
    font-size: 14px;
    color: #fb6f4f;
    cursor: pointer;
    padding: 5px;
    margin-left: 10px;
}
.wrap_row .layui-form-radio{
    width: 100%;
}
.wrap_row .custom_row_add{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.wrap_row .custom_delete{
    cursor: pointer;
}
#layui-icon-down{
    width: 30px;
}
.search-for-picture{
    text-align: center;
    padding: 40px;
}
.search-for-picture .title {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 20px;
}
.search-for-picture .sub-title {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .43);
    text-align: center;
    margin-bottom: 34px;
}
.pic-search-box {
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
}
.pic-search-box input[name=pic-search-url-input] {
    width: 364px;
    border: 1px solid #DFE3E9;
    color: #666;
    height: 44px;
    line-height: 44px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 6px;
    font-size: 14px;
}
.pic-search-tips {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .25);
    margin-bottom: 30px;
}
.pic-search-tips em{
    color: red;
}
.drop-box {
    width: 100%;
    height: 108px;
    background: #F8F8F8;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 22px;
    text-align: center;
    cursor: pointer;
}
.drop-box .pic-search-upload-btn {
    width: 123px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fb6f4f;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 15px;
}
.drop-box p {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 8px;
}
.p-search{
    display: inline-block;
    background: #fb6f4f;
    width: 50px;
    height: 46px;
    line-height: 44px;
    vertical-align: bottom;
    text-align: center;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    left: -4px;
    position: relative;
}

.search-pic {
    width: 98%;
    height: 186px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 #DFE3E9;
    box-shadow: 0 4px 8px 0 #DFE3E9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 24px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.search-pic>p {
    position: absolute;
    right: 32px;
    bottom: 72px;
    font-size: 14px;
    color: #666;
}
.search-pic>a {
    position: absolute;
    right: 32px;
    bottom: 32px;
    padding: 6px;
}